<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <link type="text/css"  href="./css/cube_rotate_slow.css" rel="stylesheet ">
    <title>旋转立方体相册</title>
</head>
<body>
<div id="react">
    <div class="out_front">
        <img src="photo/user.jpg" class="out_pic">
    </div>
    <div class="out_back">
        <img src="photo/QQ图片20231018230816.jpg" class="out_pic">
    </div>
    <div class="out_left">
        <img src="photo/QQ图片20231018230816.jpg" class="out_pic">
    </div>
    <div class="out_right">
        <img src="photo/QQ图片20231018230841.jpg" class="out_pic">
    </div>
    <div class="out_top">
        <img src="photo/QQ图片20231018230843.jpg" class="out_pic">
    </div>
    <div class="out_bottom">
        <img src="photo/QQ图片20231018230845.jpg" class="out_pic">
    </div>
    <span class="in_front">
        <img src="photo/QQ图片20231018230847.jpg" class="in_pic">
    </span>
    <span class="in_back">
        <img src="photo/QQ图片20231018230852.jpg" class="in_pic">
    </span>
    <span class="in_left">
        <img src="photo/QQ图片20231018230849.jpg" class="in_pic">
    </span>
    <span class="in_right">
        <img src="photo/QQ图片20231018230838.jpg" class="in_pic">
    </span>
    <span class="in_top">
        <img src="photo/QQ图片20231018230855.jpg" class="in_pic">
    </span>
    <span class="in_bottom">
        <img src="photo/QQ图片20231018230857.jpg" class="in_pic">
    </span>
</div>
</body>
</html>